@import url("font-awesome.min.css");
@import url('theme.css');
@import url('../../css.css');

/*     
	############ section = header
*/
header 
{ 
    width: 100%;
    background: #000c0e;    
    width: 100%;
    border-top: 4px solid #1ab6bf;
}
header .logo
{
    float: left;
    width: 278px;
    padding: 20px 0px 20px 0px;
}
header nav
{
    float: right;
    width: 70%;
    padding: 35px 0px;
}
header nav ul 
{ 
    height: auto !important;
    float: right;
}
header nav ul li 
{ 
    float: left; 
    height: auto !important;
    text-align: right;
    padding: 0px !important;  
}
header nav ul li a
{
    color: #ffffff;
    font-size: 15px;
    padding: 0px 20px;
    border-right: 1px solid #1f3749;
    text-align: right;
    margin: 13px 0px;
}
header nav ul li a.active { color: #15e1e3; }
header nav ul li a.contactUs  { border-right: none; }


header nav ul li a.login
{
    height: auto !important;
    padding: 7px 19px !important;
    font-size: 16px;
    margin: 5px 10px 5px 10px;
    background: none !important;
    border: 2px solid #22d3d5;
    color: #22d3d5;
}

header nav a.register
{
    height: auto !important;
    padding: 10px 15px !important;
    font-size: 16px;
    margin: 5px 0px 4px 0px;
}
.searchInput
{
    background: #ffffff;
    border: 1px solid #dfdfdf;
    padding: 10px 15px;
    font-size: 14px;
    -o-border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
}

/* 
	########################
	############ Panel Wrapper
	########################
*/
.panelWrapper
{
    border-top: 3px solid #1ebbb0;
	display: -webkit-flex;
    display: flex;
}

/* 
	########################
	############ Nav Panel
	########################
*/
.navPanel
{
	width: 21%;    
    background: #08181b;
    z-index: 1;
	overflow: hidden;
	/*
	height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
	padding-top:55px;	
	*/
		
	float:left;
}
.navTitle
{
    height: 55px;
    
    background: rgb(26, 182, 191);
    background: -moz-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -webkit-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -o-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -ms-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: linear-gradient(90deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    padding: 0px 0px;
	/*
	position: fixed;
    top: 0px;
    left: 0px;
	width:21%;
	*/
}
.navTitle a
{
    display: block;
    padding: 7px 13px;
}
.userProfile
{
    padding: 20px 0px 0px 0px;
	z-index:5000;
}
.userProfile .avtar
{
    width: 45px;
    height: 45px;
    background: #f5f5f5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    line-height: 45px;
	position: absolute;
	top:0px;
	left:15px;
}
.userProfile .avtar img
{
    max-width: 100%;
    vertical-align: middle;
}
.userProfile a
{
    font-size: 19px;
    color: #ffffff;
    font-weight: 500;
    padding: 4px 15px 4px 75px;
	position: relative;
	display:block;
}
.userProfile a span
{
    font-size: 12px;
    color: #98ecd8;
    font-weight: 400;
    display: block;
}
.userProfile a strong
{
	display: block;
	font-weight:500;
}
.navigationLinks    { padding-top: 10px; }
.navigationLinks a
{
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    padding: 16px 0px 16px 21%;
    display: block;
    border-bottom: 1px solid #112225;
    position: relative;
}
.navigationLinks a:hover
{
    background: #041113;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
}
.navigationLinks a:before
{
    content: " ";
    display: inline-block;
    height: 35px;
    width: 45px;
    position: absolute;
    top: 9px;
    left: 13px;
    background: url('../../images/sprite.png') no-repeat;
    background-size: 470px 211px;
}
.navigationLinks a.liveTrading:before           { background-position: -6px -103px; }
.navigationLinks a.portfolio:before             { background-position: -50px -103px;}
.navigationLinks a.team:before                  { background-position: -50px -103px;}
.navigationLinks a.shop:before                  { background-position: -93px -101px;}
.navigationLinks a.orders:before                { background-position: -131px -101px;}
.navigationLinks a.commissions:before           { background-position: -6px -103px;}
.navigationLinks a.payOut:before                { background-position: -396px -101px; background-size: 475px 213px;}
.navigationLinks a.eWallet:before               { background-position: -169px -101px;}
.navigationLinks a.setting:before               { background-position: -205px -100px;}
.navigationLinks a.poolShare:before             { background-position: -6px -103px;}
.navigationLinks a.marketingResources:before    { background-position: -241px -98px;}
.navigationLinks a.compensation:before          { background-position: -6px -103px;}
.navigationLinks a.news1:before                 { background-position: -281px -98px;}
.navigationLinks a.faq:before                   { background-position: -320px -98px;}
.navigationLinks a.logout:before                { background-position: -357px -98px;}

.navigationLinks a.active { color: #28c88d; font-weight: 500;}
.navigationLinks a.active:after
{
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 48px;
    color: #ffffff;
    position: absolute;
    top: 0px;
    right: -2px;
	z-index:10;
}
/* 
	########################
	############ Content Panel
	########################
*/
.contentPanel
{
    /*margin-left: 21%;
	
	padding-top:55px;
	*/
	float:right;
	width:79%;
}
.contentTitle
{
	
    background: #ffffff;
    height: 55px;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.20);
    padding: 0px 20px;
	/*
	position:fixed;
	top:0px;
	width:79%;
	left:21%; 
	z-index:5000;
	*/
}
.contentTitle h1
{
    font-weight: 300;
    color: #08181b;
    font-size: 20px;
    line-height: 50px;
}
.contentTitle h1 span
{
	float:right;
	font-size:15px;
	font-weight:400;
}
.contentTitle a.roundBtn
{
	position:absolute;
	top:10px;
	right:10px;
	padding:7px 15px 8px;
	 font-weight:500;
}
.contentHolder
{
    padding: 20px;
}
.box
{
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    
    margin-bottom: 30px
}
.box h2
{
    font-weight: 300;
    color: #08181b;
    font-size: 20px;
    border-bottom: 1px solid #f2f2f2;
    padding: 12px 20px;
}

/* 
	########################
	############ Page = Dashboard
	########################
*/
.pageDashboard {background: #f5f5f5;}

/* ======= Dashboard = Lets Started */

.letStart
{
    background: #ffefc4;
    padding: 10px 0px;
    margin-bottom: 30px;
}
.letStart label
{
    width: 82%;
    float: left;
    font-size: 21px;
    font-weight: 300;
    padding-left: 9%;
    box-sizing: border-box;
    position: relative;
}
.letStart label:before
{
    content: " ";
    display: inline-block;
    background: #f5f5f5;
    width: 75px;
    height: 55px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 7px;
    background: url('../../images/sprite.png') no-repeat;
    background-size: 470px 211px;
    background-position: -12px -138px;
}
.letStart label span
{
    font-size: 13px;
    color: #67584a;
    font-weight: normal;
    display: block;
    line-height: 25px;
}
.letStart a
{
    width: 17%;
    float: right;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(#fd7100, #fd8900);
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    padding: 8px 0px;
    margin: 6px 8px 0px 0px;
}

/* ======= Dashboard = Lates News */
.latestNews{}
.latestNews ul li
{
    padding: 0px 30px 20px 90px;
    margin: 20px 0px 0px;
    position: relative;
	min-height:90px;
}
.latestNews ul li span.date
{
    background: #ffb053;
    border-radius: 5px;
    position: absolute;
    top: 4px;
    left: 22px;
    width: 50px;
    text-align: center;
    padding: 10px 0px;
    color: #fff;
}
.latestNews ul li span.date strong
{
    display: block;
    font-weight: 700;
    font-size: 21px;
    line-height: 18px;
}
.latestNews ul li label
{
    font-weight: 500;
    display: block;
    padding-bottom: 5px;
}
.latestNews ul li label span{display:none;}
.latestNews ul li label a
{
    color: #08181b;
}
.latestNews ul li a.readMore
{
    font-size: 12px;
    color: #e1851a;
    text-decoration: underline;
    padding-top: 10px;
}
.latestNews ul li p
{
    color: #132326;
    font-size: 13.5px;
    line-height: 19px;
}
/* ======= Dashboard = earningRank */
.earningRank h2
{
    background: #2a6a70;
    color: #fff;
}
.userEarning
{
    padding: 30px 30px;
}
.userEarning .earningBar
{
    background: #f7f7f7;
    height: 35px;
    border-radius: 45px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    inset 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         inset 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
    overflow: hidden;
    margin-bottom: 10px;
}
.userEarning .earningBar span.fill
{
    height: 35px;
    border-radius: 45px;
	
    background-color: rgb(26, 182, 191);
    background: -moz-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -webkit-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -o-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -ms-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: linear-gradient(90deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
	overflow:hidden;
	
}
.userEarning .earningBar span.fill .pattern
{
	background:url("../../images/anim_bar.png");
	background:reapeat-x;
	height: 35px;
	width:100%;
	animation: progressBar 1s linear infinite;
	opacity:0.2;
	transform: skew(-20deg,0deg); /* Standard syntax */
}

@keyframes progressBar
{
	0%  { background-position: 0 0; }
	100%{ background-position: 40px 0px; }
}
@-webkit-keyframes progressBar
{
	0%  { background-position: 0 0; }
	100%{ background-position: 40px 0px; }
}
@-moz-keyframes progressBar
{
	0%  { background-position: 0 0; }
	100%{ background-position: 40px 0px; }
}

.userEarning label
{
    font-size: 15px; width: 33%;
    vertical-align: top;
    padding: 0px 10px
}
.userEarning label strong
{
    color: #008b90; font-size: 21px;
    font-weight: 400;
}
.userEarning label.lbl1{}
.userEarning label.lbl2{text-align: center;}
.userEarning label.lbl3{text-align: right;}

/* ======= Dashboard = Rank Progress */
.rankProgress{ padding: 0px 30px 30px;}
.rankProgress h3
{
    border-bottom: 1px solid #f2f2f2; 
    padding-bottom: 1px;
    margin-bottom: 45px;
}
.rankProgress h3 label{border-bottom: 1px solid #f2f2f2; display: block; text-align: center;}
.rankProgress h3 span
{
    position: relative;
    top: 13px;
    background: #fff;
    padding: 0px 10px;
    font-size: 19px;
    font-weight: 300;
}
.rankProgress ul li
{
    text-align: center;
    float: left;
    width: calc(100%/10);
    position: relative;
}
.rankProgress ul li:after
{
    content: " ";
    display: block;
    width: 100%;
    border-bottom:4px solid #e7e5e2;
    position: absolute;
    top: 63px;
    left: 0px;
    z-index: 10;
	
}
.rankProgress ul li:before
{
    content: " ";
    display: block;
    width: 100%;
    border-bottom:4px solid #ffb053;
    position: absolute;
    top: 63px;
    left: 0px;
    z-index: 20;
    display: none;
}
.rankProgress ul li label
{
    display: block;
    font-size: 13.5px;
    padding-bottom: 10px;
	height:45px;
}
.rankProgress ul li span.status
{
    border: 2px solid #e7e5e2;
    background: #ffffff;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    text-align: center;
    line-height: 38px;
    color: #dedbd9;
    font-size: 22px;
    position: relative;
    z-index: 100;
}
.rankProgress ul li span.status:after
{
    font-family: "FontAwesome";
    content: "\f023"
}
.rankProgress ul li strong
{
    display: block;
    font-weight: 400;
    font-size: 14px;
    padding-top: 5px;
}
.rankProgress ul li strong span
{
    color: #9e998b;
}

.rankProgress ul li.current:before{display: block; width: 50%;}
.rankProgress ul li.current strong span
{
    background: #fd8900;
    border-radius: 45px;
    padding: 3px 10px;
    color: #fff;
}
.rankProgress ul li.current span.status
{
    border: 2px solid #fd8900;
    background: #fd8900;
    color: #ffffff;
}
.rankProgress ul li.current span.status:after{content: "\f00c";}

.rankProgress ul li.completed:before{display: block;}
.rankProgress ul li.completed span.status
{
    border: 2px solid #ffb053;
    background: #ffb053;
    
    color: #ffffff;
}
.rankProgress ul li.completed span.status:after{content: "\f00c";}
.rankProgress ul li.completed strong span
{
    color: #9e5909;
}
.rankProgress ul li.upgradeTo span.status
{
    border: 2px solid #5d4431;
    background: #5d4431;
    
    color: #ffffff;
}
.rankProgress ul li.upgradeTo strong span
{
    display: none;
}

.rankProgress .upgradeBox
{
    background: #f6eadc;
    border-radius: 10px;
    padding: 15px 15px 25px;
    text-align: center;
    margin: 30px 10% 0px;
}
.rankProgress .upgradeBox h4
{
    font-weight: 300;
    font-size: 22px;
    color: #000000;
    padding: 3px 0px;
}
.rankProgress .upgradeBox h4 span
{
	display:inline-block;
	width:300px;
	text-align:right;
}
.rankProgress .upgradeBox h4 strong
{
	font-weight: 500;
	width:280px;
	text-align:left;
	display:inline-block;
}
.rankProgress .upgradeBox label
{
    margin: 20px 20px 2px;
	font-weight:400;
	font-size:20px;
	color: #000000;
}
.rankProgress .upgradeBox p
{
	padding-bottom:13px;
}
.rankProgress .upgradeBox a
{
    background: #5d4431;
    border-radius: 45px;
    padding: 0px 10px;
	height:30px;
	line-height:27px;
    color: #fff;
	width:85px;
	margin:5px 5px 0px;
}
/* ======= Dashboard = Link Promotion */
.linkPromotation
{
    padding: 25px;
    background: url('../../images/link_promot_bg.png') repeat top center;
    min-height: 250px;
    text-align: center;
}
.linkPromotation h4
{
    font-weight: 300;
    font-size: 23px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.linkPromotation label
{
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    border: 1px solid #e7daee;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(109, 35, 148, 0.35);
    -moz-box-shadow:    0px 0px 15px 0px rgba(109, 35, 148, 0.35);
    box-shadow:         0px 0px 15px 0px rgba(109, 35, 148, 0.35);
    border-radius: 5px;
    cursor: text;
	word-break: break-all;
}
.linkPromotation a
{
    color: #3e3e3e;
    margin: 30px 15px 0px;
}
.linkPromotation a span
{
    width: 40px;
    height: 40px;
    border-radius: 100%;   
    color: #ffffff;
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 5px;
}
.linkPromotation a.share_fb{}
.linkPromotation a.share_fb span{background:#3a589e; }

.linkPromotation a.share_gp{}
.linkPromotation a.share_gp span{background:#f63f31; }

.linkPromotation a.share_tw{}
.linkPromotation a.share_tw span{background:#1cd5eb;}

.linkPromotation a.share_wp{}
.linkPromotation a.share_wp span{background:#019805; font-size: 33px;}

.linkPromotation a.share_em{}
.linkPromotation a.share_em span{background:#f0c80d; font-size: 17px;}

/* ======= Dashboard = Total Earings */
.totalEarings
{
    display: flex
}
.totalEarings .earningChart
{
    float: left;
    width: 60%;
    padding: 20px;
}
.totalEarings .totalCount
{
    background:url('../../images/earnings.png') no-repeat #f2cd4f;
    float: right;
    width: 40%;
    background-size: cover;
}
.totalEarings .totalCount label
{
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    color: #000;
    padding: 100px 0px;
    display: block;
}
.totalEarings .totalCount label strong
{
    font-weight: 700;
    font-size: 50px;
    display: block;
}
.totalEarings .totalCount label strong:before
{
    content: "€";
    font-size: 50px;
    font-weight: 700;
    display: inline-block;
}



/* ======= Dashboard = stateBoxes */
.statesBoxes
{
	padding:15px 0px 0px;
}
.statesBoxes .box
{
    width: 31%;
    float: left;
    margin-right: 3%;
    text-align: center;
    padding-bottom: 25px;
}
.statesBoxes .box:nth-child(3)
{
    float: right;
    margin-right: 0px;
}
.statesBoxes .box .ico
{
    background-color: #5fccff;
    height: 185px;
    overflow: hidden;
}
.statesBoxes .box label
{
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px;
	padding-bottom:5px;
	color:#3a3a3a;
}
.statesBoxes .box p
{
    font-size: 13px;
    color: #566c7b;
    margin: 0px 10% 15px;
}
.statesBoxes .box strong
{
    font-weight: 600;
    font-size: 37px;
    display: block;
    padding-bottom: 0px;
}
.statesBoxes .box a
{
    background: #14b2fc;
    border-radius: 45px;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
	margin-top:15px;
}
.statesBoxes .box.totalShare .ico{	background-color: #5fccff;	}
.statesBoxes .box.totalShare a{background: #5fccff;}

.statesBoxes .box.personalReferrals .ico{background-color: #cd8eec;}
.statesBoxes .box.personalReferrals a{background: #cd8eec;}

.statesBoxes .box.shareHave .ico{background-color: #5be1f0;}
.statesBoxes .box.shareHave a{background: #0f3539;}


/* ======= Dashboard = Earning Box */
.earningBox
{
	display:flex;
}
.earningBox .ico
{
	height:75px!important; 
	overflow:visible!important;
	text-align:center;
}
.earningBox .ico img
{
	position:relative;
	top:12px;
}
.earningBox label{ padding-top:70px!important; }

.earningBox .sharEarning .ico
{
	background-image:url('../../images/shar-earning-bg.png');
	background-color:#f6d440;	
}
.earningBox .referralCommissions .ico
{
	background-image:url('../../images/commissions-earning-bg.png');
	background-color:#f9c03f;
}
.earningBox .bonusEarning
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(251, 79, 26, 0.33);
	-moz-box-shadow:    0px 0px 20px 0px rgba(251, 79, 26, 0.33);
	box-shadow:         0px 0px 20px 0px rgba(251, 79, 26, 0.33);
}
.earningBox .bonusEarning .ico
{
	background-image:url('../../images/bonus-earning-bg.png');
	background-color:#fba140;
}
/*
.earningBox .bonusEarning strong
{
	color:#f55e36;
}
*/
/* 
	########################
	############ Page = My Order
	########################
*/
.pageMyorder{}
.pageMyorder .ulListing{margin-bottom: 35px;}
.pageMyorder .col1{width: 25%;}
.pageMyorder .col2{width: 50%;}
.pageMyorder .col3{width: 25%;}

.orderRankbox{}
.orderRankbox h2
{
    background: #2a6a70; 
    color: #ffffff;
    margin-bottom: 35px;
}

/* 
	########################
	############ Page = Commissions
	########################
*/
.pageCommissions{}
.pageCommissions .col,
.ulListing ul li.title .col
{padding:15px 7px;}

.pageCommissions .col1{width: 15%;}
.pageCommissions .col2{width: 20%;}
.pageCommissions .col3{width: 10%;}
.pageCommissions .col4{width: 9%;}
.pageCommissions .col5{width: 12%;}
.pageCommissions .col6{width: 12%;}
.pageCommissions .col7{width: 12%;}
.pageCommissions .col8{width: 10%;}

.pageCommissions .date
{
    float: left;
    width: 70%;
}
.commessionSorting
{
    float: left;
    width: 30%;
}
.pageCommissions .ulListing
{
	padding-top:15px;
}
.pageCommissions .ulListing ul li.title, .ulListing ul li.title a
{
    color: #ffffff;
    background: #2a6a70 !important;
}
.pageCommissions .totalBalance
{
    float: right;
    width: 40%;
    text-align: right;
    padding: 9px 0px;
}
.pageCommissions .totalBalance label
{
    font-weight: 500;
    color: #2a6a70;
}
.pageCommissions .notice  
{ 
	background:#ffefc4;
	color:#2a221b;
    text-align: center; 
    font-size: 15.5px;
    padding:10px 20px;
    line-height: 24px;
	margin-bottom:20px;
}
/* 
	########################
	############ Page = E - Wallet
	########################
*/
.pageWallet .contentHolder
{
    padding: 40px 20px 20px 20px;
}



.pageWallet .sharePackages{}
.eWallet .errorMsg  
{
    text-align: center;
    color: #f00;
    font-size: 16px;
}
.pageWallet .sharePackages .packageBox
{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.20);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.20);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.20);
    
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    
    width: 20%;
    float: left;
    margin: 0px 13px 45px 27px;
    text-align: center;
    padding-bottom: 20px;
}
.pageWallet .sharePackages .packageBox:hover
{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.25);
}
.pageWallet .sharePackages .packageBox label
{
    background: #26cfc3;
    height: 130px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 15px;    
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
}
.pageWallet .sharePackages .packageBox label span
{
    background: #ffffff;
    width: 110%;
    height: 130px;
    border-radius: 100%;
    position: absolute;
    bottom: -86px;
    left: -4%;
}
.pageWallet .sharePackages .packageBox .noOfShare
{
    position: absolute;
    width: 100%;
    top: 50px;
}
.pageWallet .sharePackages .packageBox .noOfShare span,
.pagePackageDetail .selectedPackage .myPackage span
{
    background: #ffffff;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    text-align: center;
    overflow: hidden;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    
    font-weight: 500;
    font-size: 25px;
    line-height: 20px;
    
    padding-top: 22px;
    
     -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
    text-rendering:geometricPrecision;
    position: relative;
    z-index: 1;
}
.pageWallet .sharePackages .packageBox:hover .noOfShare span
{
    transform: scale(1.2,1.2);
}
.pageWallet .sharePackages .packageBox .noOfShare span strong,
.pagePackageDetail .selectedPackage .myPackage span strong
{
    display: block;
    font-weight: 400;
    font-size: 15px;
}
.pageWallet .sharePackages .packageBox .sap
{
    border-bottom: 1px dashed #c5d2dc;
    margin: 10px 15% 15px;
}
.pageWallet .sharePackages .packageBox .sap span
{
    background: #ffffff;
    padding: 0px 5px;
    position: relative;
    top: 8px;
    color: #9aa9b5;
}
.pageWallet .sharePackages .packageBox  p
{
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 10px;
}
.pageWallet .sharePackages .packageBox a
{
    background: #1cbeb2;
    border-radius: 45px;
    padding: 6px 20px; 
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
.pageWallet .sharePackages .package1 label{background:#31d1c6;}
.pageWallet .sharePackages .package1 a{background: #1cbeb2;}

.pageWallet .sharePackages .package2 label{background:#1ebfa2;}
.pageWallet .sharePackages .package2 a{background: #1ebfa2;}

.pageWallet .sharePackages .package3 label{background:#ffc100;}
.pageWallet .sharePackages .package3 a{background: #ffc100;}

.pageWallet .sharePackages .package4 label{background:#10c280;}
.pageWallet .sharePackages .package4 a{background: #10c280;}

.pageWallet .sharePackages .package5 label{background:#cb8aeb;}
.pageWallet .sharePackages .package5 a{background: #1cbeb2;}

/* 
	########################
	############ Page = Package Detail
	########################
*/
.pagePackageDetail{}
.pagePackageDetail .contentHolder
{
    padding: 40px 4% 20px;
}
.pagePackageDetail .invoiceExpire
{
    float: left; 
    width: 38%;
    height: 170px;
    overflow: hidden;
    text-align: center;
    border-radius: 7px;
}
.pagePackageDetail .invoiceExpire label
{
    font-weight: 300;
    font-size: 18px;
    padding: 5% 0px 20px;;
}
.pagePackageDetail .invoiceExpire label strong
{
    font-weight: 500;
    color: #e25555;
}
.min, .sec,
.pagePackageDetail .invoiceExpire .col
{
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.min span,
.sec span
{
	background:#ffffff;
	border-radius:6px;
	padding:10px 5px 10px 15px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	
	font-weight:300;
	font-size:45px;
	
	color:#1e3b41;
	letter-spacing:10px;
	min-width:90px;
}

.min p,
.sec p
{
	color:#888888;
	font-size:13px;
	padding-top:7px;
	padding-bottom:10px;
}

.pagePackageDetail .invoiceExpire .col
{
	font-weight:300;
	font-size:45px;	
	color:#dadcdd;
	margin:0px 15px;
}




.pagePackageDetail .selectedPackage
{
    float: right;
    width: 55%;
    height: 170px;
    overflow: hidden;
    border-radius: 7px;
    text-align: center;
}
.pagePackageDetail .selectedPackage .myPackage
{
    background: #23c1a0;
    width: 30%;
    height: 170px;
    float: left;
}
.pagePackageDetail .selectedPackage .myPackage label
{
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding-top: 15px;
    line-height: 20px;
    padding-bottom: 10px;
}
.pagePackageDetail .selectedPackage .packageInfo
{
    width: 67%;
    float: right;
    padding-top: 25px;
}
.pagePackageDetail .selectedPackage .packageInfo p
{
    font-size: 14px;
    color: #9f9f9f;
    padding-bottom: 5px;
}
.pagePackageDetail .selectedPackage .packageInfo .priceConversion
{
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 15px;
}
.pagePackageDetail .selectedPackage .packageInfo .priceConversion span{color:#11b49a;}
.pagePackageDetail .selectedPackage .packageInfo a
{
    background: rgb(26, 182, 191);
    background: -moz-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -webkit-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -o-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: -ms-linear-gradient(0deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    background: linear-gradient(90deg, rgb(26, 182, 191) 0%, rgb(40, 200, 141) 100%);
    
    border-radius: 45px;
    padding: 9px 25px;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    
    border: 2px solid #ffffff;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.pagePackageDetail h2
{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 1px;
    margin-bottom: 45px;    
}
.pagePackageDetail h2 label
{
    border-bottom: 1px solid #f2f2f2;
    display: block;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}
.pagePackageDetail h2 label span
{
    background: #ffffff;
    padding: 5px 15px;
    position: relative;
    top: 17px;
}
.pagePackageDetail .sendBitcoin
{
    float: left; 
    width: 40%; 
    text-align: center;
    padding-top: 45px;
    border-right: 1px dashed #d8d8d8;
    margin-left: 10%;
    height: 170px;
}
.pagePackageDetail .sendBitcoin label
{
    font-size: 23px;
    font-weight: 500;
	word-break:break-all;
	padding-right:10px;
}
.pagePackageDetail .sendBitcoin strong{color: #11b49a;font-weight: 500;}
.pagePackageDetail .sendBitcoin p
{
    font-size: 13px;
    padding-top: 30px;
}
.pagePackageDetail .qrCode
{
    float: right; 
    width: 34%;
    margin-right: 10%;
}


/* 
	########################
	############ Page = index
	########################
*/




/*     
	############ section = video banner
*/

.videoBanner
{
    height: 500px;
	position: relative;
	overflow:hidden;    
	background:#0c6f72;
}
.videoBanner .videoBg
{	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	filter:blur(5px);
	z-index:1;
	opacity:0.5;
}
.videoBanner .videoBg video
{
	width:100%;
	
}
.videoBanner .video
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:200;
}
.videoBanner .video .vid
{
	margin:0px auto;
	width:700px;
	height:390px;
	top:50px;
	border-radius:7px;
	overflow:hidden;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);
	
	vertical-align:top;
}


/*     
	############ section = home
*/

.wrappper
{
    width: 1170px;
    margin: 0px auto;
    position: relative;
}

.actionlink
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    margin: 21px 7px;
    padding: 14px 32px;
        background: -webkit-linear-gradient(to right, #fb9501, #ffb447);
        background: -moz-linear-gradient(to right, #fb9501, #ffb447);
     background: linear-gradient(to right, #fb9501, #ffb447);
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}
.heroBanner ul
{
	height: 770px; background: #000c0e;
	overflow:hidden;
}
.heroBanner ul li
{
    background: url('../../images/banner.png') #000c0e no-repeat;
    background-size: cover;
    height: 560px;                        /*Edit*/
    position: relative;
    margin: 0px !important;
    padding: 20px 0px 10px 2%;
}
.heroBanner .lSSlideOuter .lSPager.lSpg li
{
    height: auto;
    background: none;;
}
.heroBanner .bannerInfo
{
    width: 34%;
    float: left;
    box-sizing: border-box;
    padding: 5px 0px 0px 0px;
}
.heroBanner .bannerInfo cite
{
    font-size: 45px;
    color: #ffffff;
    font-weight: 300;
    font-style: normal;
    position: relative;
    top: 50px;
}
.heroBanner .bannerInfo label
{
    font-size: 38px;
    color: #ffffff;
    font-weight: 300;
    padding-top: 24%;
    line-height: 55px;
}
.heroBanner .bannerInfo span
{
    font-size: 23px;
    color: #ffffff;
    line-height: 25px;
    font-weight: 300;
    line-height: 35px;
    padding-top: 8px;
}
.heroBanner .bannerInfo label strong
{
    color: #12d7da;
    font-weight: 400;
}
.heroBanner .bannerInfo a
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
        padding: 12px;
        font-size: 18px;
        font-weight: normal;
}
.heroBanner .screenshot
{
    width: 61%;
    float: right;
    margin-top: 0.1%;    /* Edit*/
    height: 550px;
}

.heroBanner .screenshot span
{
    width: 685px;
    height: 515px;
    overflow: hidden;
    text-align: center;
    line-height: 515px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.heroBanner .screenshot span img
{
    max-width: 100%;
    vertical-align: middle;
}
.heroBanner .lSAction
{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0px;
}
/*      Page = index
	############ section = features
*/
.features   { padding: 5% 0px; }
.features h1
{
    font-size: 45px;
    color: #14181f;
    font-weight: 300;
    text-align: center;
    margin: 0px 20% 30px 20%;
    border-bottom: 1px solid #e6eaea;
    padding: 1px 0px;
    position: relative;
}
.features h1:after
{
    content: " ";
    display: inline-block;
    background: url('../../images/star.png') no-repeat;
    position: absolute;
    bottom: -35px;
    left: 45%;
    height: 50%;
    width: 50%;
}
.features h1 span
{
    font-weight: 400;
    display: block;
    font-size: 16px;
    color: #545f74;
    padding: 10px 0px 30px 0px; 
    border-bottom: 1px solid #e6eaea;
}
.features .featuresInfo ul li
{
    float: left;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    padding: 0px 20px;
}
.featuresInfo ul li .featuresIcon
{
    transform: scale(0); 
    transition: .8s ease;
}
.featuresInfo ul li .featuresDetail
{
    opacity: 0; 
    position: relative;
    top: 40px;
    transition: .9s ease;
}
.featuresInfo .active li .featuresIcon      {transform: scale(1);}
.featuresInfo .active li .featuresDetail    { opacity: 1; top: 0px; }

.featuresInfo ul li .featuresIcon span:before
{
    content: " ";
    display: inline-block;
    background: url('../../images/sprite.png');
    background-size: 500px 224px;
    background-position: 0px 0px;
    height: 100px;
    width: 100px;
}
.featuresInfo ul li.activities .featuresIcon span:before    { background-position: -112px 0px; }
.featuresInfo ul li.network .featuresIcon span:before       { background-position: -248px 0px; }
.featuresInfo ul li.payments .featuresIcon span:before      { background-position: -366px 0px; }

.features .featuresInfo ul li label
{
    font-size: 20px;
    color: #14181f;
    padding: 10px 0px;
    font-weight: 500;   
}
.features .featuresInfo ul li p
{
    font-size: 15px;
    color: #525761;
    line-height: 22px;
}

/*      Page = index
	############ section = promotion
*/

.promotion
{
    background: url('../../images/promotion_bg.png') no-repeat #081113;
    background-attachment: fixed;
    background-size: cover;
    padding: 15px 0px;
	overflow-x:hidden;
	width:100&;
}
.promotion .promotionInfo
{
    float: right;
    width: 40%;
    color: #ffffff;
    padding: 20px 0px;
    opacity: 0; 
    position: relative;
    right: -7%;
    -o-transition: .9s ease;
    -moz-transition: .9s ease;
    -webkit-transition: .9s ease;
    transition: .9s ease;
}
.promotion .promotionImage
{
    float: left;
    width: 44%;
    padding: 2% 0px 20px 0px;
    position: relative;
    opacity: 0; 
    position: relative;
    left: -9%;
    transition: .9s ease;
}
.promotion .active
{
    opacity: 1;
    right: 9%; 
    top: 15px;
}
.promotion .activeimg
{
    opacity: 1;
    left: 90px; 
    top: 0px;
}
.promotion .promotionInfo label
{
    font-size: 55px;
    font-weight: 700;
   font-family: 'Amaranth', sans-serif;
   padding-bottom: 10px;
}
.promotion .promotionInfo label strong  { color: #12d7da; }
.promotion .promotionInfo p
{
    font-size: 16px;
    line-height: 25px;
    padding: 3px 8% 35px 0px;
}
.promotion .promotionInfo a { margin: 8px 0px; }

/*      Page = index
	############ section = news
*/
.news
{
    padding: 3% 0px;
    background: #f7f7f7;
}
.news .wrapper{}
.news article.active    {opacity: 1; left: 0px; top: 0px;} 
.news aside.active      {opacity: 1; right: 0px; top: 0px;}
.news article
{
    float: left;
    width: 60%;
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 9px #d3d3d3;
    -moz-box-shadow: 0px 0px 9px #d3d3d3;
    box-shadow: 0px 0px 9px #d3d3d3;
    padding: 20px 25px 31px 25px;
    opacity: 0; 
    position: relative;
    left: 0px;
    transition: .8s ease;
    min-height: 485px;
}
.news aside
{
    float: right;
    width: 35%;
    min-height: 478px;
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 9px #d3d3d3;
    -moz-box-shadow: 0px 0px 9px #d3d3d3;
    box-shadow: 0px 0px 9px #d3d3d3;
    padding: 20px 25px;
    opacity: 0; 
    position: relative;
    right: 0px;
    -webkit-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    min-height: 485px;
}
.news aside span
{
    
    
    overflow: hidden;
    background: #ffffff;
    text-align: center;
}
.news aside span img
{
    max-width: 100%;
    max-height: 100%;
}

.news h3
{
    font-size: 27px;
    color: #001c34;
    padding-bottom: 15px;
    border-bottom: 4px solid #28c88d;
    font-weight: 400;
    position: relative;
}
.news .viewAll
{
    position: absolute;
    top: 31px;
    right: 24px;
}
.news article h3 strong { font-weight: 700; }
.news article .newsImage
{
    background: #f5f5f5;
    width: 310px;
    height: 175px;
    display: block;
    overflow: hidden;
    line-height: 175px;
    margin: 24px 0px 13px 0px;
}
.news article .newsInfo
{
    width: 48%;
	padding-top:15px;
}
.news article .newsInfo .newsImage img
{
    max-width: 100%;
    vertical-align: middle;
}
.news article .newsInfo label
{
    font-size: 16px;
    color: #001c34;
    line-height: 24px;
    font-weight: 500; 
    padding-bottom: 5px;
}
.news article .newsInfo p
{
    font-size: 14px;
    line-height: 23px;
    color: #66717a;
}
.news article .newsInfo h5 a
{
    color: #001c34;
    padding-bottom: 6px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.news article .newsInfo pre
{
    font-size: 14px;
    color: #66717a;
    line-height: 23px;
    min-height: 90px;
}
.news article .newsInfo .readMore
{
    font-size: 14px;
    font-weight: 500;
    color: #1ca081;
    padding: 12px 0px 5px 0px;
}
.news article .newsInfo .readMore:before
{
    content: "\f178";
    font-family: FontAwesome;
    display: inline-block;
    color: #28c88d;
    padding: 0px 5px;
}
.news article .left     { float: left; }
.news article .right    { float: right; }

.news aside label
{
    text-align: center;
    color: #d3d3d3;
    padding-top: 40px;
    display: block;
}


/*      Page = index
	############ section = Best Fit
*/

.bestFit
{
    background: url('../../images/bestFit_bg.png') repeat-x top center;
    position: relative;
	padding-bottom:100px;
}
.bestFit span.bestFitTop
{
    background: url('../../images/bestFit_top.png') top center no-repeat; 
    position: absolute;
    top: -15px;
    left: 0px;
    height: 30%;
    width: 100%;
}
.bestFit h4
{
    text-transform: uppercase;
    font-size: 45px;
    color: #ffffff;
    text-align: center;
    padding: 40px 0px 40px 0px;
}
.bestFit .fitInfo
{
    width: 60%;
	margin:45px auto 10px;
	
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 0px 0px 19.95px 1.05px rgba(1, 77, 79, 0.16);
	-o-box-shadow: 0px 0px 19.95px 1.05px rgba(1, 77, 79, 0.16);
	-webkit-box-shadow: 0px 0px 19.95px 1.05px rgba(1, 77, 79, 0.16);
	box-shadow: 0px 0px 19.95px 1.05px rgba(1, 77, 79, 0.16);
	
    background: #ffffff;
    text-align: center;
    position: relative;
    z-index: 1;
	
	overflow:hidden;
	padding-bottom:25px;
}
.bestFit .fitInfo span
{
    min-height: 200px;
    width: 100%; 
    background: #f5f5f5;
    overflow: hidden;
    text-align: center;
}
.bestFit .fitInfo span img
{
    max-width: 100%;
    vertical-align: top;
}
.bestFit .fitInfo label
{
	padding-top:25px;
    font-size: 27px;
    color: #001c34;
    font-weight: 300;
    display: block;
}
.bestFit .fitInfo label strong { font-weight: 600; }

.bestFit .fitInfo p  
{
    font-size: 15px;
    color: #4b6378;
    line-height: 23px;
    padding: 0px 12%;
}


/*      Page = index
	############ section = Trading
*/

.trading
{
    background: url('../../images/trading_bg.png') #071315;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    padding: 3% 0px;
    position: relative;
}
.trading .bitCoinsLeft
{
    position: absolute;
    top: -46px;
    left: 30px;
}
.trading .bitCoinsRight
{
    position: absolute;
    top: -46px;
    right: 30px;
}
.trading label
{
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Amaranth', sans-serif;
    opacity: 0;
}
.trading label.active
{
    opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    animation:popIn 0.7s; 	
	transform:scale(0,0); 
	animation-fill-mode: forwards;
}



/* =========== For Newar Browser */
@keyframes popIn
{	
	0%{transform:scale(0,0); opacity:0;}
	50%{transform:scale(1.5,1.5); opacity:0.5;}
	100%{transform:scale(1,1); opacity:1;}
}
.trading p
{
    color: #ffffff;
    line-height: 26px;
    font-size: 16px;
    padding: 23px 12% 0px 12%;
}
.trading p.miningRings  { padding: 0px 0px; line-height: 24px; }
.trading a
{
    opacity: 1;
    position: relative;
    font-size: 25px;
    color: #100a01;
    font-weight: 700;
    background: #ffd702;
    box-shadow: inset 0px 0px 20px 2px #ee7b0a;
    text-transform: uppercase;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    padding: 11px 25px;
    margin: 40px 0px 15px 0px;
}


/* 
	########################
	############ Page = Footer
	########################
*/
footer
{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.08);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}
/*
footer .aboutUs 
{
    float: left;
    width: 45%;
    padding: 5% 0px;
}
footer .quickLinks 
{
    float: left;
    width: 29%; 
    padding: 5% 0px;
}
footer .contactUs
{
    float: right;
    width: 26%;
    padding: 5% 0px;
}
footer label
{
    font-size: 20px;
    color: #14181f;
    font-weight: 500;
    padding-bottom: 8px;
    display: block;
}
footer .aboutUs .aboutUsImg
{
    float: left;
    width: 18%;
}
footer .aboutUs .aboutUsinfo
{
    float: right;
    width: 82%;
}
footer .aboutUs p
{
    font-size: 14px;
    color: #404c60;
    line-height: 24px;
    width: 77%;
}*/
footer .quickLinks
{
	padding:25px 0px 20px;
	text-align: center;
}
footer .quickLinks label
{
	display:inline-block;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom:10px;
}
footer .quickLinks a
{
    font-size: 15px;
    color: #123737;
    line-height: 30px;
    display: inline-block;
	margin:0px 10px;
}
footer .quickLinks a:hover
{
    color: #29a0a4;
}
footer .quickLinks a:before
{
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    color: #13afb1;
    font-size: 10px;
    padding-right: 5px;
}
/*
footer .quickLinks .linksLeft
{
    float: left;
    width: 40%;
}
footer .quickLinks .linksRight
{
    float: right;
    width: 60%;
}

footer .contactUs span
{
    font-size: 14px;
    color: #404c60;
    padding-bottom: 15px;
}
footer .contactUs .socialIcons a
{
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 31px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #ffffff;
    font-size: 20px;
    background-color: #d3d3d3;
    margin-right: 5px;
}
footer .contactUs .socialIcons a.fa-facebook        { background: #1b53c5; border:2px solid #1b53c5; }
footer .contactUs .socialIcons a.fa-twitter         { background: #079eed; border:2px solid #079eed; }
footer .contactUs .socialIcons a.fa-instagram       { background: #6932cc; border:2px solid #6932cc; }
footer .contactUs .socialIcons a.fa-youtube-play    { background: #e51f36; border:2px solid #e51f36; }
footer .contactUs .socialIcons a.fa-linkedin        { background: #0c8ca8; border:2px solid #0c8ca8; }

footer .contactUs .socialIcons a:hover { background: #ffffff; }
footer .contactUs .socialIcons a.fa-facebook:hover 
{  
    color: #1b53c5;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    border:2px solid #1b53c5;
} 
footer .contactUs .socialIcons a.fa-twitter:hover
{
    color: #079eed;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    border:2px solid #079eed;
}
footer .contactUs .socialIcons a.fa-instagram:hover
{
    color: #6932cc;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    border:2px solid #6932cc;
}
footer .contactUs .socialIcons a.fa-youtube-play:hover
{
    color: #e51f36;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    border:2px solid #e51f36;
}
footer .contactUs .socialIcons a.fa-linkedin:hover
{
    color: #0c8ca8;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    border:2px solid #0c8ca8; 
}
*/
footer .copyright
{
    background: linear-gradient(to right, #1ab6bf , #28c88d);
    background: -webkit-linear-gradient(to right, #1ab6bf , #28c88d);
    background: -moz-linear-gradient(to right, #1ab6bf , #28c88d);
	text-align: center;
}
footer .copyright label
{
    color: #ffffff;
    padding: 12px 0px;
    font-size: 14px;    
    font-weight: 400;
}



/* 
	########################
	############ Page = setting
	########################
*/

.settings 
{
    padding: 0px 20px;
    position: relative;
    padding-bottom: 1px;
    width: 83%; 
}
.settings .userAvtar
{
    width: 30%;
    float: right;
    text-align: center;
    padding-top: 25px;
}
.settings .userAvtar .userProfilePic
{
    width: 200px;
    height: 200px;
    background-color: #f5f5f5;
    overflow: hidden;
    line-height: 200px;
    text-align: center;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.17);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.17);
	position:relative;
}
.settings .userAvtar .userProfilePic img
{
    max-width: 100%;
    vertical-align: middle;
}
.settings h1 
{ 
    border-bottom: 1px solid #e0e0e0; 
    padding: 1px 0px;
}
.settings h1 strong
{
    font-size: 30px;
    font-weight: 500;
    color: #08181b;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 13px; 
    display: block;
    position: relative;
	display: block;
}
.settings h1 span
{
    font-size: 15px;
    display: block;
    font-weight: normal;
}
.settings .links
{
    font-size: 14px;
    position: absolute;
    top: 25px;
    right: 3%;
    color: #b4b4b4;
}
.settings .links a  { text-decoration: underline; color: #23a9a1; }
.settings .passwordChanged    { color: #21c06c; padding: 0px; font-size: 15px; }
.settings .userDetail 
{ 
    padding-top: 10px; 
    float: left;
    width: 50%;
}
.settings label 
{ 
    font-size: 17px; 
    line-height: 18px;
    display: block;
    color: #000000;
    padding: 9px 35px;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
}
.settings label:before
{
    content: " ";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 19px;
    color: #1ab6bf;
    margin-right: 10px;
    float: left;
    position: absolute;
    top: 16px;
    left: 0px;
}
.settings label.mobileNumber:before { content: "\f095";  left: 2px;}
.settings label.email:before        { content: "\f003"; }
.settings label.address:before      { content: "\f041"; left: 4px;}
.settings label.code:before      { content: "\f121"; left: 4px;}
.settings label.fa2:before      { content: "\f07a"; left: 4px;}
.settings label.fa:before      { content: "\f029"; left: 4px;}
.settings h2 { border-bottom: 1px solid #e3e3e3; margin-top: 10px; padding: 1px 0px; }
.settings strong { font-weight: 300; border-bottom: 1px solid #e3e3e3; font-size: 21px; display: block; padding-bottom: 10px;}
.settings .verification a   { color: #ffffff; text-decoration: none; position: static; margin: 15px 10px 0px 260px;}
.settings .verification p   { line-height: 21px; font-size: 14px; padding-top: 10px; }    

.settings label span
{
    color: #696969;
    display: block;
    font-size: 13px;
	padding-bottom:5px;
}

/* 
	########################
	############ Page = edit Profile
	########################
*/
.userAvtar a.deleteLink
{
	position:absolute;
	top:10px;
	right:10px;
	background:red;
	width:25px;
	height:25px;
	color:#ffffff;
	line-height:25px;
	border-radius:100%;
}
.userAvtar span.fileBtn
{
	overflow:hidden;
	background:#fd7400;
	border-radius:45px;
	padding:5px 37px;
	color:#ffffff;
	text-transform: uppercase;
	cursor:pointer;
	position:relative;
	font-size: 16px;
	font-weight: 500;
	margin: 12px 0px 2px 0px;
}
.userAvtar span.fileBtn:hover { background:#fd7400; }
.userAvtar span.fileBtn input
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:2;
	opacity:0;
}
.userAvtar p
{
    font-size: 12px;
    color: #9d9d9d;
    line-height: 20px;
    margin: 0px auto;
}
.editProfile    { width: 100%; }
.editProfile p
{
    text-align: center;
    padding-bottom: 20px;
}
.editProfile .editProfileForm ul li .code { display: block; }
.editProfile label{font-size:14px;}
.editProfile .userAvtar
{
	width: 25%;
	padding:0px;
}
.editProfile .userAvtar .userProfilePic{width:100%;}
.editProfileForm
{
    float: right;
    width: 75%;
}
.editProfileForm .form li .label  { width: 25%; }
.editProfileForm .form li .value  { width: 75%; }
.editProfileForm .submitBtn input
{
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;
    padding: 10px 35px;
    margin: 5% 19%;
}

/* 
	########################
	############ Page = Shop
	########################
*/
.shop
{
	padding: 0px 20px;
	position: relative;
}
.shop .overlay
{
	position:absolute;
	background:rgba(255,255,255,0.7);
}
.shop h2
{
    font-weight: 400;
    font-size: 16px;
    padding: 8px 0px;
    background-color: #2a6a70;
    color: #ffffff;
    text-align: center;
	margin-bottom:15px;
}
.shop input
{
    -o-box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    -moz-box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    -webkit-box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    padding: 8px 5px;
    -o-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    text-align: center;
}
.shop .accountBalance
{
    float: left;
    width: 49%;
}
.shop .accountBalance .packageBox .roundBtn
{
	background: rgba(255,191,0,1);
	background: -moz-linear-gradient(left, rgba(255,191,0,1) 0%, rgba(255,153,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,191,0,1)), color-stop(100%, rgba(255,153,0,1)));
	background: -webkit-linear-gradient(left, rgba(255,191,0,1) 0%, rgba(255,153,0,1) 100%);
	background: -o-linear-gradient(left, rgba(255,191,0,1) 0%, rgba(255,153,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,191,0,1) 0%, rgba(255,153,0,1) 100%);
	background: linear-gradient(to right, rgba(255,191,0,1) 0%, rgba(255,153,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf00', endColorstr='#ff9900', GradientType=1 );
}
.accountBalance .balance
{
    float: left;
    width: 50%;
    text-align: right;
    box-sizing: border-box;
    padding: 32px 0px 47px 0px;
    border-right: 1px dashed #e3e3e3;
    padding: 9px 0px 15px 0px;
}
.shop .shares label
{
    font-size: 16px;
    color: #000000;
    display: block;
    line-height: 25px;
    padding-bottom: 5px;
}
.accountBalance .balance label
{
    display: inline-block;
    text-align: center;
    padding-right: 11%;
	
}
.accountBalance .balance span
{
    display: block;
    font-weight: 500;
    color: #008b90;
    font-size: 21px;
	padding-top: 10px;
}
.accountBalance .shares
{
	float: right;
    width: 50%;
}
.shop .shares
{     
    padding: 0px;
	text-align:center;
}
.shop .shares label{display:block;}
.shop .shares input[type="text"],
.shop .shares input[type="number"]
{
    width: 45%;
}
.shop .sharePackages .packageBox                
{ 
    width: 83%; 
    margin: 15px auto;
    float: none;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.15);
}
.pageWallet .sharePackages .packageBox label    
{ 
    background: #ffc100; 
    text-transform: none;
    font-size: 19px;
    text-shadow: none;
    padding-top: 16px;
}
.pageWallet .sharePackages .package1 label, 
.pageWallet .sharePackages .package5 label, 
.pageWallet .sharePackages .package9 label
{
    background: #2ed1c6; 
}
.pageWallet .sharePackages .package2 label, 
.pageWallet .sharePackages .package6 label, 
.pageWallet .sharePackages .package10 label
{ 
    background: #14bc9d; 
}
.pageWallet .sharePackages .package3 label, 
.pageWallet .sharePackages .package7 label, 
.pageWallet .sharePackages .package11 label 
{ 
    background: #ffc100; 
}
.pageWallet .sharePackages .package4 label, 
.pageWallet .sharePackages .package8 label, 
.pageWallet .sharePackages .package12 label 
{ 
    background: #03be78; 
}
.shop .sharePackages .packageBox .shareInfo label
{
    background: none;
    font-size: 16px;
    color: #021929;
    height: auto;
    padding-top: 20%;
    width: 33.33%;
    float: left;
}
.shop .sharePackages .packageBox .shareInfo label span
{
    display: block;
    font-size: 13px;
    color: #909090;
    background: none;
    top: 20px;
    line-height: 18px;
    font-weight: 400;
}
.shop .sharePackages .packageBox a{ background: #ffc100; }
.shop input[type="submit"]
{
    color: #ffffff;
    font-weight: bold;
    margin-left: 15px;
	padding:8px 15px;
}   
.shop .externalFunds h2 { background-color: #000000; }
.shop .externalFunds 
{ 
    float: right;
    width: 49%;
    text-align: center;
    display: block;
        text-align: center;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.shop .packageBox .shareInfo label strong{font-weight:normal;}
.shop .packageBox .noOfShare dl{margin:0px; display:block;}
.shop .externalFunds .sharePackages .packageBox label   { background: #0fc280; }
.shop .externalFunds .sharePackages .packageBox .sap    { padding-top: 6px; }
.shop .externalFunds .sharePackages .packageBox .shareInfo label { background: #ffffff; }
.shop .externalFunds .sharePackages .packageBox a { background: #0fc280; }

.shop .externalFunds .notice    { margin: 0px 8%; }
.shop .externalFunds .notice label 
{ 
    font-size: 18px;
    padding: 17px 0px 7px 0px;
    text-transform: uppercase;
    text-align: center; 
    color: #ff0000; 
    font-weight: 500;
}
.shop .externalFunds .notice p  
{ 
    padding-bottom: 12px; 
    font-size: 15px; 
    text-align: left;
    line-height: 21px;
}
.shop .externalFunds .notice p strong   { font-weight: 500; }

/* 
	##############################
	############ Page = Pool Shares
	##############################
*/
.poolShares .important
{
	font-size:16.5px;
	text-align:center;
	padding-bottom:25px;
	font-weight:500;
	margin-top:-15px;
}
.poolShares .important strong
{
	color:#f62323;
}
.poolShares label
{
    text-align: center;
    font-size: 23px;
    font-weight: 300;
    color: #000000;
    display: block;
}
.poolShares p
{
    font-size: 15px;
    color: #515151;
    line-height: 23px;
    text-align: center;
    padding: 0px 12% 3% 12%;
}
.poolShares .shareInfo label
{
    font-size: 20px !important;
    color: #021929 !important;
    font-weight: 300 !important;
    text-align: center !important;
    background: #ffffff !important;
    height: 65px !important;
}
.poolShares p a
{
    text-decoration: underline;
    color: #0120bf;
}

.poolShares .shareInfo label span
{
    font-size: 13px;
    color: #909090;
    text-transform: none;   
    height: auto;
    top: 37px;
    left: 0px;
    text-shadow: none;
    font-weight: 400;
}
.poolShares .shareInfo .plus:before
{
    content: "\+";
    display: block;
    height: 30px;
    width: 30px;
    background: none;
    font-size: 39px;
    color:#c5d2dc;
    position: absolute;
    top: 36%;
    left:43%;
    text-shadow: none;
    font-weight: 300;
}


/* 
	###########################
	############ Page = E wallet
	###########################
*/

.eWallet .pageNotice		{ text-align: center; }		
.eWallet .notice		
{
	text-align: center;
	margin: 20px auto 33px auto;	
	background: #fdf7e7;
	position: relative;
	padding: 12px 20px 12px 47px; 
	display: inline-block;
}
.eWallet .notice:before
{
	content: "\f071";
	font-family: 'FontAwesome', sans-serif;
	font-size: 20px;
	color: #f4b516;
	position: absolute;
	top: 10px;
	left: 14px;
}
.eWallet .notice	.validation	{ color: #000000; font-size: 16px; }
.eWallet .walletLeft
{
	width:48%; float:left;
	border-right:1px dashed #cbdbdc;
	box-sizing:border-box;
	padding-right:4%;
	min-height:600px;
}
.eWallet .instructions
{
    box-sizing: border-box;    
    position: relative;
}
.eWallet .instructions h3
{
    font-size: 23px;
    color: #021f14;
    font-weight: 500;
}
.eWallet .instructions label
{
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    display: block;
    padding-top: 20px;
}
.eWallet .instructions p{text-align:justify;}

.eWallet .walletRight{width:48%; float:right;}
.eWallet .walletRight h2
{
    border-radius: 5px;
    color: #ffffff;
    font-size: 21px;
    font-weight: 300;
    padding: 8px 0px;
}
.eWallet .Balance
{
    text-align: center;
    box-sizing: border-box;
	padding-bottom:15px;
}
.eWallet .Balance h2    { background: #2a6a70; }
.eWallet .Balance label
{
	display:block; 
	text-align:center; 
	padding:15px 0px;
	font-size: 41px;
    color: #000000;
    font-weight: 300;
}

.eWallet .withDraw{ text-align:center;}
.eWallet .withDraw h2 {background: #28c88d; margin-bottom:25px;}
.eWallet .withDraw h5
{
	font-weight:300;
	font-size:18px;
	margin-bottom:25px;
	color:#000000;
}
.eWallet .withDraw label
{
    font-size: 14px;
    color: #2a2a2a;
    padding: 10px 0px;
    display: block;
}
.eWallet .withDraw span
{
    font-size: 25px;
    font-weight: 300;
    position: relative;
    top: 4px;
}
.eWallet .withDraw span.btc{padding:0px 5px 0px 20px;}
.eWallet .withDraw p.input
{
	display:inline-block;
	background:#ebfdf6;
	color:#03301f;
	border-color:#c4ded4;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(3, 111, 103, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(3, 111, 103, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(3, 111, 103, 0.25);
	cursor:default;
}
.eWallet .withDraw .loader
{
	display:inline-block; 
	position:absolute; 
	top:88px; 
	text-align:center; 
	width:100%; 
	z-index:10;
}
.eWallet .withDraw .loader img{margin-left:100px;}
.eWallet .withDraw .validation { margin-top: 5px; }
.eWallet .withDraw .payout  { margin-top: 3px; }

.eWallet .withDraw .disable
{
    background: #dbdbdb;
    cursor: default;
}
.eWallet .withDraw .sap
{
	border-bottom:1px solid #e3e8e6;
	margin:25px 5% 35px 5%;
	padding-bottom:1px;
}
.eWallet .withDraw .sap p{border-bottom:1px solid #e3e8e6;}
.eWallet .withDraw .sap span{position:absolute; top:-17px; left:0px; text-align:center; width:100%;}
.eWallet .input
{
    width: 16%;
    padding: 5px 5px;
    -webkit-box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    -moz-box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    box-shadow: inset 0px 0px 4px rgba(0,0, 0, 0.12);
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    color: #000000;
}
.eWallet .withDraw .validation span{font-size:12px; font-weight:400;}

.eWallet .withDraw a
{
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    background: -webkit-linear-gradient(#0ab073, #28c88d);  
    background: -moz-linear-gradient(#0ab073, #28c88d);    
    background: linear-gradient(#0ab073, #28c88d);
    padding: 6px 13px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    margin-left: 12px;	
}

/*

.eWallet .payoutAdddress
{
    width: 51%;
    float: right;
    text-align: center;
    border-left: 1px dashed #a7c2c4;
}
.eWallet .aboutEwallet h3
{
    font-size: 23px;
    color: #021f14;
    font-weight: 500;
}
.eWallet .letStart { margin: 0px; }

.eWallet .notice  
{ 
	background:#ffefc4;
	color:#2a221b;
    text-align: center; 
    font-size: 15.5px;
    padding:10px 20px;
    line-height: 24px;
	margin-bottom:20px;
}
.eWallet .eWalletBalance    
{ 
    float: none; 
    margin: 0px auto;
    height: 140px;
}
.eWallet .eWalletBalance label   { padding: 25px 0px; }
    
.aboutEwallet .instructions label
{
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    display: block;
    padding-top: 20px;
}
.aboutEwallet .instructions p
{
    font-size: 15px;
    color: #354b43;
    line-height: 21px;
}
.aboutEwallet .payoutAdddress span
{
    font-size: 15px;
    color: #354b43;
    padding: 2px 0px;
    display: block;
}
.aboutEwallet .payoutAdddress .input
{
    width: 70%;
    margin: 20px auto;
    padding: 9px 5px;
    display: block;
}
.payoutAdddress .validation span{font-size:12px; color:red;}
.aboutEwallet .payoutAdddress a.btcAddress
{
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    padding: 8px 20px;
    background: #f7931a;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(187, 111, 19, 0.42);
	-moz-box-shadow:    0px 0px 9px 0px rgba(187, 111, 19, 0.42);
	box-shadow:         0px 0px 9px 0px rgba(187, 111, 19, 0.42);
    margin-top: 5px;
}
.aboutEwallet .payoutAdddress p span
{
    font-size: 13px;
    color: #db3d3d;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
}
.aboutEwallet .payoutAdddress p
{
    font-size: 13px;
    color: #4b5d56;
    line-height: 21px;
    padding: 25px 15% 0px 15%; 
    text-align: left;
}
.aboutEwallet .payoutAdddress label span { color: #4b5d56; display: inline-block;}
.aboutEwallet .payoutAdddress label
{
    font-size: 13px;
    color: #bd6a06;
    padding-top: 20px;
}
*/
/* 
	###########################
	############ Page = Login
	###########################
*/
.userPage{background:#fdfdfd;}
.userPage .holder{min-height:550px; position:relative; padding-top:5%;}
.userPage .holder .particles
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:50;
	opacity:0.8;
}
.credentialBox{margin:0% 25% 10%; position:relative; z-index:100;}
.credentialBox h1{font-size:28px; text-align:center; font-weight:300; padding-bottom:7%;}
.credentialBox h1 strong{font-weight:700;}
.credentialBox h1 p{font-size:18px; padding-top:3px;}

.credentialForm .validationMessage
{
	text-align:center;
	font-size:13px;	
	color:#cd4646;
}
.credentialForm .validationMessage a
{
	float:none;
	display:block;
	padding:0px;
}

.credentialForm
{
    background: #ffffff;
    
    margin: 0px 10%;
	padding:35px 25px;
	
    -webkit-box-shadow: 0px 0px 65px 0px rgba(14, 71, 72, 0.21);
	-moz-box-shadow:    0px 0px 65px 0px rgba(14, 71, 72, 0.21);
	box-shadow:         0px 0px 65px 0px rgba(14, 71, 72, 0.21);
	
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
} 
.credentialForm p
{
	text-align:center;
	padding-bottom:15px;
	color:#727376;
}
.credentialForm input[type="text"],
.credentialForm input[type="password"]
{
	background: #f6f6f6;
    
    -o-border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
	
	font-size: 16px;
    padding: 13px 27px;
	width:100%;
	
    
    border: 1px solid #f0f0f0;
	color:#14181f;
}
.credentialForm .validation
{
    padding-left:30px;
}
.credentialForm input[type="submit"]
{
    float:right;
	font-weight:600;
	text-transform:uppercase;
	font-size:16px;
	margin-top:10px;
	
	background-image: -moz-linear-gradient( 3deg, rgb(28,184,185) 0%, rgb(40,200,141) 100%);
	background-image: -webkit-linear-gradient( 3deg, rgb(28,184,185) 0%, rgb(40,200,141) 100%);
	background-image: -ms-linear-gradient( 3deg, rgb(28,184,185) 0%, rgb(40,200,141) 100%);
	box-shadow: 0px 0px 11.18px 1.82px rgba(26, 117, 115, 0.44);
}
.credentialForm a
{
    float: left;
    color: #5c8583;
    font-size: 13px;
    padding:20px 0px 0px 0px;
    text-decoration: underline;
}
.userRegister{margin: 11% 5%;}
.changePassword .holder { width: auto; }
.changePassword .userRegister { padding: 25px 25px; }
.changePassword .form li .label	{ width: 41%; }
.changePassword .form li .value	{ width: 59%; text-align: left; }
.userRegister .firstName{float:left; width:48%!important;}
.userRegister .lastName{float:right; width:48%!important;}
.userRegister .btn{text-align:center;}
.userRegister .btn input{float:none;}
#errorMessage   { color: #ff0000; }

.verify{margin: 0px 0%;}
.verify p{padding-bottom:15px;}
.verify .qrCode{float:left; width:40%;}
.verify .qrCode img{max-width:100%;}
.verify .pin{width:55%; text-align:center; padding:13px 5% 0px 0px; margin: 0px auto;}
.verify .pin input{text-align:center;}
.verify .pin input[type="submit"]{float:none;}
.inventionBox   { margin: 0px 10%; }

.credentialBox .invetion 
{ 
    text-align: center;
    background:#ffffff;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #1ab6bf;
	-webkit-box-shadow: 0px 0px 27px 0px rgba(15, 157, 125, 0.30);
    -moz-box-shadow:    0px 0px 27px 0px rgba(15, 157, 125, 0.30);
    box-shadow:         0px 0px 27px 0px rgba(15, 157, 125, 0.30);
    margin: 8% auto 2% auto;
    padding: 25px 15px;
}
.credentialBox .invetion label
{
    font-size: 25px;
    font-weight: 300;
    color: #000c0e;
    padding-bottom: 5px;
}
.credentialBox .invetion span
{
    width: 90%;
    font-size: 15px;
    color: #000c0e;
    line-height: 20px;
    padding-top: 0px;
}
.credentialBox .invetion span a{text-decoration:underline; color:#117e84;}
.credentialBox .invetion strong { font-weight: 500; }
.credentialBox .invetion #successMessage{padding-bottom:20px; color:#117e84;}

.credentialBox .invetion p{ font-size: 18px;    font-weight: 300; padding-bottom:15px;}
.congratulation.invetion span{padding-bottom:15px;}

/* 
	###########################
	############ Page = Page Title
	###########################
*/
.pageTitle
{
    padding: 19px 0px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.12);
    -moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.12);
    box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.12);
    position: relative;
    z-index: 1;
}
.pageTitle h2
{
    font-size: 22px;
    color: #000000;
    font-weight: 300;
}
.pageTitle a
{

	position:absolute;
	top:-5px;
	right:10px;
	padding:7px 15px 8px;
	 font-weight:500;

}

/* 
	###########################
	###### Page = cryptomarkets
	###########################
*/
.cryptomarkets p
{
    font-size: 14px;
    padding: 5px 0px 10px 0px;
	text-align:center;
	font-size:14px;
	color:#515151;
	line-height:22px;
}
.cryptomarkets .col
{
    width: 23%;
    float: left;
    margin: 12px 8px;
}   
.cryptomarkets .col div { min-width: auto !important; }

.cryptomarkets .col > div:first-child { min-height:250px;}		
.cryptomarkets .col > div:first-child > div:first-child { min-height:140px; }

 
/* 
	###########################
	###### Page = portfolio
	###########################
*/
.portfolio p
{
    font-size: 14px;
    padding: 5px 0px 10px 0px;
	text-align:center;
	font-size:14px;
	color:#515151;
	line-height:22px;
}
.portfolioBox
{
	width: 23%;
    float: left;
    margin: 12px 8px;
	border-radius:7px;
	border:2px solid #e4e6eb;
}
.portfolioBox span.ico
{
	background:#ffffff;
	width:64px;
	height:64px;
	border-radius:100%;
	position: absolute;
	top:8px;
	left:10px;
	text-align:center;
	font-size:25px;
	color:#ffffff;
	font-weight:700;
	line-height:64px;
	overflow:hidden;
	
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	
}
.portfolioBox span.ico img
{
	max-width:100%;
	vertical-align:middle;
}
.portfolioBox h6
{
	padding:15px 10px 15px 90px;
	height:84px;
	border-bottom:1px solid #e4e6eb;
	font-size:16px;
	font-weight:500;
	color:#1eacb1;
}
.portfolioBox .col
{
	float:left;
	width:50%;
	font-size:14px;
	text-align:center;
	padding:10px 0px;
	height:65px;
	line-height:20px;	
	font-weight:500;
}
.portfolioBox .col label{text-transform:uppercase; font-weight:400; font-size:13px;}
.portfolioBox .col label, .portfolioBox .col span{display: block;}
.portfolioBox .col span
{
	padding-top:0px;
	font-size:15px;
}
.portfolioBox .currentMining
{
	border-right:1px solid #e4e6eb;
}
.portfolioBox .poolEarning{width:100%; float:left;}
.portfolioBox.split2 .poolEarning{width:50%;}
/*
.portfolioBox .currentMining .logo
{
	background-color:#e7e7e7;
	width:30px;
	height:30px;
	border-radius:100%;
	vertical-align:middle;
	position: absolute;
	top:30px;
	left:10px;
	overflow:hidden;
}
.portfolioBox .currentMining .logo img
{
	max-width:100%;
}*/

/*
.portfolioBox .tag
{
	clear:both;
	border-top:1px solid #e4e6eb;
	font-size:10px;
	text-align:center;
}
.portfolioBox .tag a
{
	display:block;
	padding:10px 5px;
	color:#14181f;
}
*/

/* 
	###########################
	###### Page = team
	###########################
*/
.pageTeam
{
	max-width:100%;
	top:0px;
	left:0px;
	overflow-y:hidden;
	overflow-x:auto;	
	-webkit-overflow-scrolling: touch;
}
.pageTeam .tree
{
	min-width:100%; /*cursor:move;*/
	padding-bottom:45px;
	
}
.team h1    { display: inline-block; }
.team a
{
    font-size: 15px;
    border: 1px solid #1cadb3;
    color: #1cadb3;
    padding: 6px 13px;
        -o-border-radius: 45px;
        -moz-border-radius: 45px;
        -webkit-border-radius: 45px;
    border-radius: 45px;
    margin-left: 15px;
}
.team a:hover
{
    color: #ffffff;
    background: #1cadb3;
    transition: .4s ease;
}

.tree ul li
{
    padding: 20px 9px 0 9px;
}
.tree ul li a   
{ 
    padding: 7px 10px; 
    border: 1px solid transparent!important;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.17);
	box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.17);
	text-align: center;
	position: relative;
}
.tree ul li a label
{
    font-size: 15px;
	font-weight:500;
    color: #000000;
    display: block;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	
}
.tree ul li a p
{
	color: #000000; 
	font-size: 13px; 
	padding-bottom:1px; 
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.tree ul li span
{
    font-size: 13px;
    color: #838383;
    display: inline-block;
	
	margin:0px 5px;
}
.tree ul li span dl{margin:0px;  color: #000000;}
.tree ul li strong
{
	color:#ffffff;
	background:#ee3a31;
	width:14px;
	height:14px;
	border-radius:100%;
	display:inline-block;
	font-size:18px;
	font-weight:normal;
	line-height:14px;
	position:absolute;
	bottom:-5px;
	left:45%;
	z-index:1;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}
.tree ul li strong:after
{
	content:" ";
	display:block;
	background:url("../../images/team_expand_collapse.png") no-repeat 3px 3px;
	width:14px;
	height:14px;
}
.tree ul li a.collapse strong{ background:#1bb7bc!important; }
.tree ul li a.collapse strong:after{ background-position:3px -23px!important; }


.tree ul li a:hover, 
.tree li a:hover+ul li a
{
    border: 1px solid #23c29e !important;
    background: #23c29e !important;
	
	-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    0px 0px 14px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         0px 0px 14px 0px rgba(50, 50, 50, 0.20);
}
.tree ul li a:hover label,
.tree ul li a:hover span,
.tree li a:hover+ul li a label,
.tree li a:hover+ul li a span,
.tree ul li a.main label,
.tree ul li a.main span,
.tree ul li a.main p,
.tree ul li a:hover span dl,
.tree ul li a:hover p
{
	color:#ffffff;
}

.tree ul li a.main
{
	background: linear-gradient(to right, #1ab6bf, #28c88d);
    background: -webkit-linear-gradient(to right, #1ab6bf, #28c88d);
    background: -moz-linear-gradientlinear-gradient(to right, #1ab6bf, #28c88d);
}

/* 
	###########################
	###### Page = Team Detail
	###########################
*/

.pageTeamDetail .ulListing  { padding-top: 30px; }
.pageTeamDetail .ulListing ul li.title, .pageTeamDetail .ulListing ul li.title a
{
    color: #ffffff;
    background: #2a6a70 !important;
}
.pageTeamDetail .ulListing ul li .col1  { width: 20%; }
.pageTeamDetail .ulListing ul li .col2  { width: 30%; }
.pageTeamDetail .ulListing ul li .col3  { width: 15%; }
.pageTeamDetail .ulListing ul li .col4  { width: 15%; }
.pageTeamDetail .ulListing ul li .col5  { width: 20%; }

.pageTeamDetail .paggingMain .pagginMiddle .viewer a, .paggingMain .pagginMiddle .viewer span
{
    width: 40px;
    height: 40px;
}

/* 
	###########################
	###### Page = about us
	###########################
*/
.aboutusBanner
{
    background: url('../../images/banner_bg.png') top center #000c0e;
    background-size: cover;
	background-attachment:fixed;
    text-align: center;
    color: #ffffff;
    position: relative;
    height: 330px;
}
.aboutusBanner:after
{
    content: " ";
    width: 70px;
    height: 130px;
    background: url('../../images/separatorLine.png') no-repeat top center;
    position: absolute;
    bottom: -20%;
    left: 48%;
}
.aboutusBanner h3
{
    padding-top: 9%;
    font-size: 39px;
    font-weight: 300;
}
.aboutusBanner h3 strong {font-weight: 700;}
.aboutusBanner label
{
    font-size: 24px;
    font-weight: 300;
    padding: 3% 0px 5% 0px;
}
.aboutusBanner label span
{
    display: block;
    font-weight: 300;
}
.aboutusBanner label span strong { font-weight: 500; }
.aboutusBanner .boy1 
{
    position: absolute;
    height: 100%;
    bottom: -29%;
    left: 15px;
}
.aboutusBanner .boy2
{
    position: absolute;
    height: 100%;
    bottom: -32%;
    right: 5px;
}


.aboutusInfo    
{ 
    padding-top: 6%; 
    text-align: center;
    color: #000c0e;
}
.aboutusInfo label
{
    font-size: 24px;
    font-weight: 300;
    line-height: 37px;
}
.aboutusInfo label strong { font-weight: 500; }
.aboutusInfo label span { display: block; }
.aboutusInfo .story
{
    padding: 35px 0px;
    color: #000c0e;
}
.aboutusInfo .story .storyImage
{
    transform: scale(0);
    transition: .5s ease;
}
.aboutusInfo .story .storyInfo
{
    opacity: 0;
    top: 40px;
    position: relative;
    transition: .5s ease;
}
.aboutusInfo .active .storyImage    { transform: scale(1);}
.aboutusInfo .active .storyInfo     { opacity: 1; top: 0px;}
.aboutusInfo .story .storyImage span
{
    display: block;
    background: #f5f5f5;
    margin: 0px auto;
    height: 100px;
    width: 160px;
    margin-bottom: 16px;
}
.aboutusInfo .story .storyImage .idea          { background: url('../../images/idea.png') no-repeat center;}
.aboutusInfo .story .storyImage .marketing     { background: url('../../images/marketing.png') no-repeat center;}
.aboutusInfo .story .storyImage .currency      { background: url('../../images/currencies.png') no-repeat center;}
.aboutusInfo .story .storyImage .tools         { background: url('../../images/tools.png') no-repeat center;}
.aboutusInfo .story .storyImage .tools         { background: url('../../images/tools.png') no-repeat center; width: 300px;}
.aboutusInfo .story .storyImage .trade         { background: url('../../images/trade.png') no-repeat center; height: 120px;}
.aboutusInfo .story .storyImage .wallet        { background: url('../../images/wallet.png') no-repeat center;}

.aboutusInfo .story h4 { font-size: 24px; font-weight: 300; }
.aboutusInfo .story p
{
    width: 75%;
    margin: 0px auto;
    font-size: 18px;
    color: #000c0e;
    line-height: 30px;
    font-weight: 300;
    padding-top: 7px;
}
.aboutusInfo .story p strong
{
    font-weight: 500;
}
.aboutusInfo .aboutUsServices
{ 
    background: #fafafa; 
    margin-top: 6%;
    position: relative;
}
.aboutusInfo .aboutUsServices:before
{
    content: " ";
    width: 80px; 
    height: 70px;
    background: url('../../images/shield.png') no-repeat top center;
    position: absolute;
    top: -25px;
    left: 48%;
}
.aboutusInfo .aboutUsServices h3
{
    font-size: 39px;
    color: #000000;
    text-align: center;
    font-weight: 300;
    padding: 50px 0px;
}
.aboutusInfo .aboutUsServices h3 span
{
    font-size: 24px;
    display: block;
    font-weight: 500;
    padding-top: 8px;
}
.aboutusInfo .aboutUsServices .story h4
{
    font-weight: 500;
}
.aboutusInfo .aboutUsServices .screenshot
{
    padding-bottom: 5%;
}

.norecord
{
	text-align:center;
	padding:50px;
	font-weight:300;
	font-size:20px;
}

/* Pages Are For admin */
.forAdmin{}

.forAdmin .contentPanel{float:none; width:100%;}

.pageSearch .searchBtn
{
    background: #1ab6bf;
    width: 35px;
    height: 35px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    right: 0px;
    overflow: hidden;
    line-height: 33px;
    cursor: pointer;
    text-align: center;
}
.pageSearch .searchBtn input
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.pageSearch .searchBtn::after
{
    font-family: 'FontAwesome';
    content: "\f002";
    font-size: 18px;
    color: #ffffff;
}

/* 
	###########################
	###### Page = index faq
	###########################
*/

.faq .banner
{
    height: 330px;
    background: url(../../images/faq.png) no-repeat #000c0e;
    background-size: cover;
}
.faq .banner h1
{
    font-size: 37px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    padding-top: 7%;
}
.faq .banner h1 span
{
    font-size: 16px;
    font-weight: 300;
    display: block;
    line-height: 22px;
    padding-top: 3px;
    width: 48%;
    margin: 0px auto;
}
.faq ul
{
    width: 90%;
    padding: 35px 0px 30px 0px;
    margin: 0px auto;
}
.accordion-menu li.open
{
    border: 1px solid #1bb7bd;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.20);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.20);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.20);
}
.accordion-menu li.open .dropdownlink
{
    color: #ffffff;
    background: #1bb7bc;
    border: none;
    margin: 0px;
    -o-border-radius: 5px 5px 0px 0px; 
    -moz-border-radius: 5px 5px 0px 0px; 
    -webkit-border-radius: 5px 5px 0px 0px; 
    border-radius: 5px 5px 0px 0px; 
}
.accordion-menu li.open .dropdownlink label { font-weight: 500; }
.accordion-menu li.open .dropdownlink .fa-chevron-down 
{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq ul li .dropdownlink
{
    cursor: pointer;
    display: block;
    padding: 12px 15px;
    color: #000c0e;
    border: 1px solid #d1d1d1;
    margin: 12px 0px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
      -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  position: relative;
}
.faq ul li .dropdownlink span
{
    float: left;
    width: 2%;
    font-size: 17px;
}
.faq ul li .dropdownlink label
{
    float: left;
    width: 96%;
    font-size: 16px;
}
.faq ul li .dropdownlink i 
{
    position: absolute;
    top: 17px;
    left: 16px;
}
.faq ul li .dropdownlink .fa-chevron-down 
{
    right: 12px;
    left: auto;
}
.faq ul li .submenuItems 
{
    display: none;
    background: #ffffff;
    padding: 0px 15px 0px 38px;
}
.faq ul li .submenuItems pre
{
    font-size: 16px;
    color: #000c0e;
    line-height: 25px;
    white-space: pre-wrap;
    font-family: 'Fira Sans', sans-serif;
}

/* 
	###########################
	###### Page = faq listing
	###########################
*/
.faqList .faqLinks
{
	text-align:right;
	padding-bottom:25px;
}
.faqList
{
    padding:0px 0px 25px;
}
.faqList ul li
{
    border: 1px solid #f0f0f0;
	border-radius:5px; 
	margin-bottom:20px;
	overflow:hidden;
}
.faqList ul li.active
{
	border-color:#23c29e;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(35, 194, 158, 0.35);
}
.faqList ul li.active h2
{
	background:#23c29e;
	color:#ffffff;
}
.faqList ul li.active h2:after
{
	transform:rotate(180deg);
	opacity:0.8;
}
.faqList ul li h2
{
    font-size: 17px;
    font-weight: 400;
	position:relative;
	cursor: pointer;
	padding: 12px 20px 12px 40px;
	background:#f9f9f9;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.faqList ul li h2 span
{
	position: absolute;
	top:12px;
	left:15px;
}
.faqList ul li h2:after
{
	font-family:"FontAwesome";
	content:"\f078";
	position: absolute;
	top:15px;
	right:15px;
	font-size:14px;
	opacity:0.5;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.faqList ul li .answer
{
	padding: 25px 0px 25px 40px;
	position: relative;
	border-top: 1px solid #e3e3e3;
}
.faqList ul li .answer span.a
{
	position: absolute;
	top:25px;
	left:15px;
}
.faqList ul li pre
{
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
    margin: 0px;
}
.faqList ul li pre ul { padding-left: 15px; }
.faqList ul li pre ul li
{
    border: none;
    list-style-type: disc;
	margin:0px;
	border-radius:0px;
	padding:0px;
	overflow: visible;
}

.insideFaq .faqList,
.indexFaq .faqList
{margin:0;}

.insideFaq .faqList iframe,
.indexFaq .faqList iframe
{
	margin:0px;
	padding:0px;
	border:none;
}
iframe body{background:none!important; padding:20px 0px;}
iframe .enclosing{width:100%;}

/* 
	###########################
	###### Page = New listing
	###########################
*/
.newsListing{}
.newsListing ul.newsList{width:75%; margin:0px auto;}
.newsListing ul.newsList li{ padding:25px 0px 30px 0px; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; margin-bottom:1px;}
.newsListing ul.newsList li:first-child{border-top:none;}
.newsListing ul.newsList li:last-child{border-bottom:none;}
.newsListing ul.newsList li h2{font-weight:300; font-size:32px; letter-spacing:0.5px; padding-bottom:5px;}
.newsListing ul.newsList li h2 a{color:#000000;}
.newsListing ul.newsList li .date{display:block; color:#424242; padding-bottom:10px;}
.newsListing ul.newsList li .date strong{font-weight:normal;}
.newsListing ul.newsList li .newsDesc{padding-bottom:15px;}
.newsListing ul.newsList li .newsDesc pre{ font-size: 15px; line-height:22px; letter-spacing:0.2px;}
.newsListing ul.newsList li .readMoreLink a{padding:7px 15px;}

.newsListing .newsArchive{float:right; width:22%;}

.insideNews .newsListing, .insideNewsDetail .newsListing{margin:0px 7%;}
.insideNews .newsListing .newsList , .insideNewsDetail .newsListing .newsList{width:100%;}
.insideNewsDetail .newsListing li{border:none!important;}

.indexNews .newsListing{margin:0px 0%; padding:20px 0px;}

/* 
	###########################
	###### Page = opportunity
	###########################
*/
.compensationPlan{overflow:hidden;}
.compensationPlan .wrapper{ width:100%; }
.compensationPlan .rankTable img{max-width:100%;}
.compensationPlan .opportunity .banner{height:255px;}
.compensationPlan .checkMatch{background:none;}
.compensationPlan .checkMatch h3{color:#0a1416;}
.compensationPlan .checkMatch p{color:#0a1416;}

/* 
    ######### Section = Banner #########
*/

.opportunity .banner
{
    background: url('../../images/opportunity.png') no-repeat center;
    background-size: cover;
    height: 325px;
    color: #ffffff;
    text-align: center;
    position: relative;
}
.opportunity .banner h1
{
    font-size: 37px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 8%;
}
.opportunity .banner h1 strong { font-weight: 500; }
.opportunity .banner h1 span
{
    display: block;
    font-size: 24px;
    padding-top: 5px;
}

    /* 
        ######### Section = How It Works #########
    */
    
.opportunity .howItWorks .process
{
    text-align: center;
    width: 80%;
    margin: 0px auto 50px auto;
    position: relative;
    top: -70px;
}
.opportunity .howItWorks .process .processImage
{
    transform: scale(0);
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.opportunity .howItWorks .process1 .processImage { transform: scale(1) }
.opportunity .howItWorks .process1 .processInfo   { opacity: 1 !important; }
.opportunity .howItWorks .process .processInfo
{
    opacity: 0;
    position: relative;
    top: 10px;
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.opportunity .howItWorks .active .processInfo
{
    opacity: 1;
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.opportunity .howItWorks .active .processImage
{
    transform: scale(1);
    opacity: 1;
    top: 0px;
}
.opportunity .howItWorks .process .processImage span
{
    height: 133px;
    width: 133px;
     -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
}
.howItWorks .process .processImage .purchase    { background-image: url('../../images/purchase.png') ; }
.howItWorks .process .processImage .ewallet     { background-image: url('../../images/wallet.png'); background-position: 20px 35px; }
.howItWorks .process .processImage .euro        { background-image: url('../../images/euro.png') ; }
.howItWorks .process .processImage .time        { background-image: url('../../images/profit.png'); width: 163px !important; }
.howItWorks .process .processImage .expire      { background-image: url('../../images/expire.png') ; }
.opportunity .howItWorks .process .processInfo label
{
    font-size: 19px;
    font-weight: 300;
}
.opportunity .howItWorks .process .processInfo label span
{
    display: block;
    line-height: 26px;
    padding-top: 3px;
}
.opportunity .howItWorks .process label strong { font-weight: 500; }

    /* 
        ######### Section = Affiliate Commissions #########
    */

.affiliateCommissions
{
    background: #fafafa;
    padding: 35px 0px;
    text-align: center;
}
.affiliateCommissions h2 
{ 
    border-bottom: 1px solid #e2e7e7; 
    padding: 1px 0px;
    width: 50%;
    margin: 0px auto 28px auto;
    position: relative;
}
.affiliateCommissions h2:after
{
    content: " ";
    background: url('../../images/star.png') no-repeat;
    position: absolute;
    bottom: -40px;
    left: 46%;
    height: 100%;
    width: 100%;
}
.affiliateCommissions h2 span
{
    font-size: 35px;
    color: #0a1416;
    display: block;
    padding-bottom: 20px;
    font-weight: 300;
    border-bottom: 1px solid #e2e7e7;
}
.affiliateCommissions h2 span strong { font-weight: 500; }
.affiliateCommissions .commissionInfo
{
    opacity: 0;
    position: relative;
    left: -40px;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    -webkit-transition: .8s ease;
    transition: .8s ease;
}
.affiliateCommissions .commissionInfoActive
{
    opacity: 1;
    left: 25px;
}
.affiliateCommissions .commissionInfo p
{
    width: 90%;
    margin: 0px auto;
    font-size: 20px;
    color: #0a1416;
    line-height: 35px;
    font-weight: 300;
}
.affiliateCommissions .commissionInfo p strong  { font-weight: 500; }
.affiliateCommissions .CommissionsTable
{
    opacity: 0;
    position: relative;
    right: -6%;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    -webkit-transition: .8s ease;
    transition: .8s ease;
}
.affiliateCommissions .CommissionsTableActive
{
    opacity: 1;
    right: 0px;
}
/* 
        ######### Section = Rank #########
    */
.rank h2
{
    border-bottom: 1px solid #e2e7e7;
    width: 47%;
    margin: 0px auto;
    padding-bottom: 1px;
    position: relative;
}
.rank h2:after
{
    content: " ";
    background: url('../../images/star.png') no-repeat;
    position: absolute;
    bottom: -30px;
    left: 46%;
    height: 40%;
    width: 50%;
}
.rank h2 span
{
    display: block;
    font-size: 35px;
    color: #0a1416;
    text-align: center;
    line-height: 35px;
    font-weight: 300;
    padding: 15px 10px 40px 10px;
    margin: 35px auto 0px auto;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #e2e7e7;
}
.rank h2 strong
{
    display: block;
    font-weight: 500;
    padding-top: 13px;
}
.rank .rankDetail { padding-top: 4%; }
.rank .rankInfo 
{ 
    width: 85%;
    margin: 0px auto;
}
.rank .rankInfo p
{
    font-size: 20px;
    color: #0a1416;
    line-height: 32px;
    font-weight: 300;
    width: 95%;
    padding: 12px 0px;
}
.rank .rankInfo p.example   { padding-top: 5px; }
.rank .rankInfo p strong { font-weight: 500; }

.rankTable    
{
    position: relative;
    z-index: 1;
    top: -12%;
}
.checkMatch 
{
    background: url('../../images/checkmatch.png') no-repeat scroll 50% 200px;
    background-size: cover;
    text-align: center;
}
.checkMatch h3
{
    font-size: 32px;
    color: #ffffff;
    padding: 40px 0px 25px 0px; 
    font-weight: 300;
}
.checkMatch p
{
    color: #ffffff;
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    width: 75%;
    margin: 0px auto;
}
.checkMatch p span  { display: block; }
.checkMatch p.example { padding: 4% 0px 5% 0px; }

/* 
	###########################
	###### Page = contact form
	###########################
*/
.contactForm{}
.contactForm ul li .label { width: 25%; text-align:left; }
.contactForm ul li .value { width: 75%; }
.contactForm ul li .value .input{width:100%!important; padding:10px 10px; border-radius:5px;}
.contactForm ul li .value input{float:left;}

/* 
	###########################
	###### Page = support form
	###########################
*/

.supportForm{padding-top:5%;}
.supportForm li .label    { width: 35%!important; }
.supportForm li .value    { width: 65%!important; }



/* 
	###########################
	###### Page = Marketing resources
	###########################
*/

.marketingResources .tabs
{
    border-bottom: 2px solid #24c29d; 
    padding: 10px 0px 0px 20px;
}
.marketingResources .tabs a
{
    width: 22%;
    font-size: 18px;
    color: #08181b;
    padding: 11px 0px;
    text-align: center;
    margin-bottom: -2px;
}
.marketingResources .tabs a.active
{
    border-radius: 10px 10px 0px 0px;
    color: #24c29d;
    background: #ffffff;
    border: 2px solid #24c29d;
    border-bottom: 0;
}
.marketingResources .banners
{
    padding-top: 5%;
}
.marketingResources .banners .skyscraper
{
    float: left;
	width:350px;
    text-align: center;
	margin:0px 0px 18px;
}
.marketingResources .banners .skyscraper .banner{float: left; margin:0px 5px;}
.marketingResources .banners .bannerOthersize
{
	float: left;
	width:645px;
	
}
.marketingResources .banners .bannerOthersize .banner{float: left;  margin:0px 20px 19px 0px;}

.marketingResources  img
{
    max-width: 100%;
    vertical-align: top;
}


/* 
	###########################
	###### Page = Marketing resources email
	###########################
*/

.marketingResources .emailCopy { padding-top: 6%; }
.marketingResources .emailCopy .emailBox
{
    width: 85%;
    margin: 0px auto 40px auto;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(8, 24, 27, 0.15);
    -moz-box-shadow:    0px 0px 8px 0px rgba(8, 24, 27, 0.15);
    box-shadow:         0px 0px 9px 0px rgba(8, 24, 27, 0.15);
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #08181b;
}
.marketingResources .emailCopy .emailDetail { padding: 17px 25px; }
.emailCopy .emailBox h2
{
    font-size: 16px;
    background: #f8f7f7;
    padding: 9px 13px;
    font-weight: 300;
}
.emailCopy .emailBox h3
{
    font-size: 28px;
    font-weight: 300;
    padding: 5px 0px 10px 0px;
    border-bottom: 1px solid #e3e3e3;
}
.emailCopy .emailBox h3 span
{
    display: block;
    font-size: 19px;
    padding-top: 6px;
}
.emailCopy .emailBox .mailInfo  { font-weight: 300; color: #08181b; }
.emailCopy .emailBox .mailInfo h4
{
    font-size: 22px;
    font-weight: 400;
    color: #24c29d;
    padding: 16px 0px 8px 0px;
}
.emailCopy .emailBox .mailInfo p
{
    font-size: 17px;
    line-height: 24px;
    padding: 6px 0px;
}
.emailCopy .emailBox .regards   { padding-top: 10px; }
.emailCopy .emailBox .regards a
{
    padding-bottom: 4px;
    color: #08181b;
    font-size: 16px;
    text-decoration: underline;
    display: block;
}
.emailCopy .emailBox .regards label
{
    font-size: 17px;
}
.emailCopy .unlimited .regards a { padding: 6px 0px 4px 0px; }
.emailCopy .mindBlowing .regards a { padding-bottom: 0px; }
.emailCopy .mindBlowing label   { font-size: 17px; padding: 5px 6% 6px 0px;}

.ewalletWithdrawal{margin:5% 2%; text-align:left;}
.ewalletWithdrawal label{font-size:25px; font-weight:300; display:inline-block;}
.ewalletWithdrawal strong{color:#1bb7bd; font-size:28px; font-weight:500;}

.ewalletWithdrawal .note
{
	background:#fdf8ed;
	border:1px solid #e3dcc7;
	padding:15px 20px;
	color:#3f230a;
	border-radius:7px;
}
.ewalletWithdrawal .note strong{color:#000000!important; font-size:16px; }
.ewalletWithdrawal .note p{padding-top:7px; font-size:14px; line-height:22px;}

/* 
	###########################
	###### Page = Withdrawal History
	###########################
*/
.withdrawalHistory label	
{ 
	text-align: right;  
	display: block; 
	color: #ff0000;	
}
.withdrawalHistory .ulListing .col1{width: 20%;}
.withdrawalHistory .ulListing .col2{width: 20%;}
.withdrawalHistory .ulListing .col3{width: 9%;}
.withdrawalHistory .ulListing .col4{width: 10%;}
.withdrawalHistory .ulListing .col5{width: 33%;}
.withdrawalHistory .ulListing .col6{width: 9%;}


/* 
	###########################
	###### Page = User Listing
	###########################
*/

.userListing .tableListing table td.email span { display: block; }


/* 
	###########################
	###### Page = User Engagment Panel
	###########################
*/
.proofNotification
{
	border: none;
	background: transparent;
	z-index: 999998;
	position: fixed;
	left: 0px;
	bottom: 20px;
	margin: 0px 20px;
	
	-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
	
	transform: translate3d(0,150%,0);
	opacity:0;
	
}
.proofNotification.showPanel
{
	opacity:1;
	transform: translate3d(0,0,0);	
}

.proofNotification .bubble
{
	margin: 0 auto;
	min-width:320px;
	height: 65px;
	overflow: hidden;
	position: relative;
	line-height: 1.25;
	border-radius: 40px;
	background-color: #FFF;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.35);
}

.proofNotification .bubble div[name="displayIcon"]
{
	width:57px;
	height:57px;
	border-radius:100%;
	position:absolute;
	top:4px;
	left:5px;
	background-image:url("../../images/notificaiton_icon.png");
	background-repeat:no-repeat;
}
.recentlyregister			{background-color:#8962c4; background-position:-2px -422px;}
.recentlyJoined				{background-color:#1dbab4; background-position:-2px 11px;}
.recentlyPurchased			{background-color:#facb11; background-position:-2px -96px;}
.recentlyEarnedcommission	{background-color:#30d983; background-position:-2px -201px;}
.recentlywithdrawn			{background-color:#ff8b4c; background-position:-2px -305px;}

.proofNotification .bubble .displayContent{	padding:6px 30px 0px 75px; }
.proofNotification .bubble .who{font-size:16px; color:#0e1e3b; font-weight:700; line-height:17px;}
.proofNotification .bubble .what{font-size:13.4px; padding:2px 0px 3px;}
.proofNotification .bubble .when{font-size:11.5px; color:#797878;}

.passConfriamation{margin:0% 20% 10%;}
.passConfriamation .credentialForm
{
	text-align:center;
	margin:0px;
}
.passConfriamation .credentialForm div:before
{
	font-family:"FontAwesome";
	
	font-size:45px;
	
}
.passConfriamation .credentialForm div.passChangeSuccess:before
{
	content:"\f058";
	color:#1ac19f;
}
.passConfriamation .credentialForm div.passChangeError:before
{
	content:"\f057";
	color:#e33838;
}
.passConfriamation .credentialForm h2
{
	font-weight:300;
	font-size:28px;
	padding-bottom:8px;
}
.passConfriamation .credentialForm p
{
	font-size:15px;
	color:#113e3e;
	line-height:22px;
}
.passConfriamation .credentialForm a
{
	padding:0px;
	float:none;
	font-size:17px;
}
.changePassError{color:#e33838!important;}